#register{
	width: 100%;
	height: 100vh;
	padding-top: 1px;
	background: linear-gradient(to bottom, #2ae3ff, #FFFFFF,#FFFFFF, #FFFFFF);
}

#form{
	width: 83%;
	background:white;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0px 0px 5px gainsboro;
	margin: 0 auto;
	margin-top: 30%;
	position:relative;
}

.input{
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.input .van-icon{
	vertical-align: middle;
	margin-right:10px;
}

input{
	border: none;
	height: 35px;
	padding-left: 10px;
	vertical-align: middle;
	width:100%;	
	border-bottom: 1px solid gainsboro;
}

#register .van-button{
	width: 100%;
	margin-top: 30px;
}
#or{
	position: relative;
	text-align: center;
	color: #1989fa;
	margin-top: 30px;
}
#or p::before, #or p::after{
	content: '';
	background: gainsboro;
	display: inline-block;
	width: 30%;
	height: 1px; 
	position: absolute;
	top: 50%;
}

#or p::before{
	left: 10%;
}
 #or p::after{
	 right: 10%;
 }
 
 #topFlag{
	 position: absolute;
	 top: -50px;
	 right:10px;
	 display: flex;
	 align-items: center;
 }

.blue, .white{
	display: inline-block;
	border-radius: 10px;
}

.blue{
	width: 10px;
	background:  rgb(120,237,255);
}

.white{
	background: white;
	width: 10px;
}

.blue:nth-child(1){
	height: 50px;
}
.white:nth-child(2){
	height: 70px;
	width: 10px;
}
.blue:nth-child(3){
	height: 100px;
}
.white:nth-child(4){
	height: 50px;
	width: 10px;
}
.blue:nth-child(5){
	height: 70px;
}
